footer .footer {
    background: #333;
    padding: 50px 0 0 0;
    position: relative; }
    footer .footer .footer-logo {
      display: block;
      margin: 0 auto; }
    footer .footer .footer-nav {
      text-align: center;
      color: #fff;
      margin: 25px 0; }
      footer .footer .footer-nav a {
        color: #fff;
        display: inline-block;
        margin: 0 50px;
        cursor: pointer; }
    footer .footer .footer-icon {
      text-align: center; }
      footer .footer .footer-icon .footer-erweima {
        position: absolute;
        display: block;
        height: 120px;
        width: 120px;
        left: 50%;
        margin-left: 42px;
        top: 15px;
        overflow: hidden;
        opacity: 1; }
        footer .footer .footer-icon .footer-erweima img {
          height: 100px;
          width: 100px;
          position: absolute;
          margin: 5px;
          top: 100%;
          left: 0;
          border: 10px solid #fff;
          transition: .5s; }
      footer .footer .footer-icon a {
        display: inline-block;
        border-radius: 25px;
        cursor: pointer;
        height: 50px;
        width: 50px;
        background: #494949;
        margin: 0 25px;
        font-size: 16px;
        color: #fff;
        line-height: 50px;
        text-align: center;
        vertical-align: middle; }
        footer .footer .footer-icon a img {
          height: 30px;
          margin: 10px; }
        footer .footer .footer-icon a .footer-weixin-erweima {
          margin-left: -64px; }
        footer .footer .footer-icon a .footer-app-erweima {
          margin-left: 42px; }
      footer .footer .footer-icon .footer-erweima:hover {
        opacity: 0; }
      footer .footer .footer-icon .footer-weixin:hover img {
        top: 0; }
      footer .footer .footer-icon .footer-app:hover img {
        top: 0; }
    footer .footer .footer-text {
      color: #9a9a9a;
      text-align: center;
      margin-top: 25px;
      line-height: 18px;
      font-size: 10px; }
      footer .footer .footer-text span {
        display: block; }
      footer .footer .footer-text span:first-child {
        font-weight: bold; }
    footer .footer .footer-copyright {
      margin: 0 auto;
      border-top: 1px solid #616161;
      margin-top: 15px;
      text-align: center;
      padding-bottom: 15px;
      font-size: 10px;
      padding-top: 12px; }
      footer .footer .footer-copyright span {
        color: #9a9a9a;
        line-height: 1.5em; }
        footer .footer .footer-copyright span a {
          cursor: pointer; }
  